/** @type {import('tailwindcss').Config} */
/** * 定制配置 * 默认配置请参考 https://unpkg.com/browse/tailwindcss@2.2.6/stubs/defaultConfig.stub.js */
module.exports = {
  purge: ["./src/**/*.html", "./src/**/*.vue", "./src/**/*.jsx"],
  content: ["./src/**/*.{html,js}"],
  theme: {
    colors: {
      blue: "#1fb6ff",
      purple: "#7e5bef",
      pink: "#ff49db",
      orange: "#ff7849",
      green: "#13ce66",
      yellow: "#ffc82c",
      "gray-dark": "#273444",
      gray: "#8492a6",
      "gray-light": "#d3dce6",
    },
    extend: {
      fontFamily: {
        sans: ["Inter", "Roboto", '"Segoe UI"'],
        dincond: ["DINCond-Black"],
      },
      fontSize: {
        2.5: "0.625rem", // 10px
        3: "0.375rem", // 12px
        "5.5xl": "3.25rem", // 52px
        "4.5xl": "2.5rem", //40px
      },
      width: {
        4.5: "1.125rem", //18px
        10.5: "2.65rem", //42px
        15: "3.75rem", // 60px
        18: "4.5rem", // 74px
        18.5: "4.625rem", // 74px
        23: "5.75rem", // 92px
      },
      lineHeight: {
        12: "3rem", // 48px
        15: "3.875rem", // 62px
        16: "4rem", //64px
        14: "3.5rem", //56px
        18: "4.625rem", //74px
      },
      padding: {
        0.5: "0.125rem", // 2px
        5.5: "1.375rem", // 22px
        4.5: "1.125rem", //18px
        0.75: "0.1875rem", //3px
        7.5: "1.875rem", //30px
      },
      paddingBottom: {
        4.5: "1.375rem", //22px
      },
      margin: {
        4.5: "1.125rem", //18px
        15: "3.75rem", // 60px
        21.25: "5.3125rem", // 85px
        11.5: "2.875rem", // 46px
        19: "4.75rem", //76px
      },
      marginTop: {
        6.5: "1.625rem", // 26px
      },
      spacing: {
        3.5: "0.875rem", // 14px
        7.5: "1.875rem", //30px
        9.5: "2.375rem", // 38px
        15: "3.375rem", // 54px
        11.5: "2.875rem", // 46px
        23: "5.75rem", // 92px
        28: "7rem", // 112px
        98: "39rem", // 624px
      },
      height: {
        0.25: "0.0625rem", //1px
        0.75: "0.1875rem", // 3px
        14: "3.5rem", // 56px
        10.5: "2.65rem", //42px
      },
      backgroundColor: {
        "primary-a100": "rgba(43, 121, 255, 0.1)",
      },
      borderRadius: {
        5.5: "1.375rem",
      }, //22px
      zIndex: {
        6: 6, // z-index: 6
      },
      screens: {
        "3xl": "1664px",
        "4xl": "1792px",
      },
      scale: {
        85: ".85", // 0.85rem
      },
    },
  },
  plugins: [],
};
